<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>发头条</title>
	<link rel="stylesheet" href="../css/bootstrap.min.css">
	<link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="../font_xld8by73zt/iconfont.css">
	<link rel="stylesheet" href="../css/nav.css">
	<link rel="stylesheet" href="../css/footer.css">
	<link rel="stylesheet" href="../css/headline.css">
</head>
<body>
	<nav class="navbar navbar-default">
		<!-- container -->
	  	<div class="container">
		    <div class="navbar-header logo-center">
		      	<!-- logo -->
		      	<a class="navbar-brand" href="../index.html">
			      	<h1>
			      		<img src="../images/logo-b.svg" alt="">
			      	</h1>
			    </a>
		    </div>

	    	<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	    		<span class="glyphicon glyphicon-search top_search visible-sm visible-xs"></span>
    			<!-- 左侧导航条 -->
    			<div class="change clearfix hidden-sm hidden-xs">
			      	<ul class="nav navbar-nav clearfix">
				        <li class="active"><a href="../index.html">首页<span class="sr-only">(current)</span></a></li>
				        <li><a href="Question-and-answer.html">问答</a></li>
				        <li><a href="special.html">专栏</a></li>
				        <li><a href="lecture.html">讲堂</a></li>
				        <li class="dropdown find">
				          	<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">发现<span class="caret"></span></a>
				          	<div class="dropdown-block">
					          	<ul class="dropdown-menu clearfix">
						            <li><a href="circle.html">圈子</a></li>
						            <li><a href="activity.html">活动</a></li>
						            <li><a href="#">标签</a></li>
						            <li><a href="find_work.html">找工作</a></li>
						            <li><a href="#">排行榜</a></li>
						            <li><a href="find_work.html">找工作</a></li>
						            <li><a href="#">徽章</a></li>
						            <li><a href="find_notes.html">笔记</a></li>
						            <li><a href="#">开发手册</a></li>
						            <li><a href="#">广告投放</a></li>
						        </ul>
						        <div class="ul-active">
						        	<a href="#">
						        		<h5>2018首届“顶天立地”iFLYTEK AI开发者大赛</h5>
						        	</a>
						        	<span>合肥</span> · 
						        	<span>2018-07-11 周三</span> · 
						        	<span>报名中</span>
						        	<div class="more">
						        		<a href="activity.html">查看更多活动</a>
						        	</div>
						        </div>
					        </div>
				        </li>
			        </ul>
			        <!-- 搜索框 -->
		      		<form class="navbar-form navbar-left clearfix">
				        <div class="form-group">
				          <input type="text" class="form-control" placeholder="搜索问题或关键字">
				          <span class="glyphicon glyphicon-search search visible-lg"></span>
				        </div>
		      		</form>
	      		</div>
      		    <!-- 右侧导航条和图标 -->
	      		<ul class="nav navbar-nav navbar-right clearfix">
			        <li class="dropdown found visible-lg">
			          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">创建<span class="caret"></span></a>
			          <ul class="dropdown-menu">
			            <li><a href="question.html">提问题</a></li>
			            <li><a href="headline.html">发头条</a></li>
			            <li><a href="article.html">写文章</a></li>
			            <li><a href="note.html">记笔记</a></li>
			            <li role="separator" class="divider"></li>
			            <li><a href="#">草稿箱</a></li>
			          </ul>
			        </li>
			        <li class="dropdown found hidden-lg">
			          <a href="#" class="dropdown-toggle fa fa-plus" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></a>
			          <ul class="dropdown-menu">
			            <li><a href="question.html">提问题</a></li>
			            <li><a href="headline.html">发头条</a></li>
			            <li><a href="article.html">写文章</a></li>
			            <li><a href="note.html">记笔记</a></li>
			            <li role="separator" class="divider"></li>
			            <li><a href="#">草稿箱</a></li>
			          </ul>
			        </li>
			        <li><a href="#" class="fa fa-bell-o hidden-sm hidden-xs"></a></li>
			        <li><a href="#" class="fa fa-envelope-o hidden-sm hidden-xs"></a></li>
			        <li class="me">
			        	<a href="personal.html" class="user"><img src="../images/user-64.png" alt="头像"></a>
			        	<div class="user-info">
			        		<div class="info-score clearfix">
			        			<span>1 声望</span>
			        			<div class="clearfix">
			        				<span><b></b>0</span>
			        				<span><b></b>1</span>
			        				<span><b></b>2</span>
			        			</div>
			        		</div>
			        		<hr>
			        		<div class="info">
			        			<ul class="clearfix">
			        				<li><a href="#">我的笔记</a></li>
			        				<li><a href="#">我的主页</a></li>
			        				<li><a href="#">我的收藏</a></li>
			        				<li><a href="#">我的档案</a></li>
			        				<li><a href="#">受邀回答</a></li>
			        				<li><a href="#">我的资产</a></li>
			        				<li><a href="#">付费问答</a></li>
			        				<li><a href="personal.html">个人设置</a></li>
			        				<li><a href="#">退出</a></li>
			        			</ul>
			        		</div>
			        		<hr>
			        		<div class="info-footer">
			        			<a href="#">用户申诉</a> · 
			        			<a href="#">建议反馈</a> · 
			        			<a href="#">邀请朋友</a>
			        		</div>
			        	</div>
			        </li>
	      		</ul>
	    	</div>

	    	<div class="upper hidden-sm hidden-xs">
	    		<ul>
	    			<li><a href="#">前端</a></li>
	    			<li><a href="#">后端</a></li>
	    			<li><a href="#">区块链</a></li>
	    			<li><a href="#">人工智能</a></li>
	    			<li><a href="#">Android</a></li>
	    			<li><a href="#">iOS</a></li>
	    			<li><a href="#">工具</a></li>
	    			<li><a href="#">安全</a></li>
	    			<li><a href="#">程序员</a></li>
	    			<li><a href="#">行业</a></li>
	    			<li><a href="#">SF官方</a></li>
	    		</ul>
	    	</div>
	    </div>
	</nav>
	<!-- 小屏底部导航条 -->
	<nav class="phone-nav hidden-md hidden-lg">
		<ul>
			<li class="active">
				<a href="../index.hmtl"><i class="fa fa-home"></i><span>首页</span></a>
			</li>
			<li>
				<a href="Question-and-answer.html"><i class="fa fa-comments"></i><span>问答</span></a>
			</li>
			<li><a href="special.html"><i class="fa fa-pencil-square"></i><span>专栏</span></a></li>
			<li><a href="lecture.html"><i class="fa fa-play-circle"></i><span>讲堂</span></a></li>
			<li class="phone-nav-dropdown">
				<a href="#"><i class="fa fa-bars"></i><span>更多</span></a>
				<ul class="dropdown-menu">
					<li><a href="#">职位</a></li>
					<li><a href="activity.html">活动</a></li>
					<li><a href="#">标签</a></li>
					<li><a href="#">徽章</a></li>
				</ul>
			</li>
		</ul>
	</nav>
	<!-- 内容 -->
	<div class="headline">
		<div class="container">
			<div class="col-xs-12 col-md-9 head-left">
				<ul class="nav nav-tabs">
					<li>
					发链接
					</li>
				</ul>
				<div class="info">
						有价值的内容 + 概括性的标题 = 一篇受欢迎的头条
						<br>声望&lt;1000的用户发布需要审核，一般这个过程不会超过24小时；也可以 
						<a href="#">申请发头条</a>，自由分享内容	
				</div>
				<div class="head-form">
					<form action="#">
						<div class="input">
							<label class="bt">网址</label>
							<input placeholder="请输入网址">
						</div>
						<div class="input">
							<label class="bt">链接标题</label>
							<input placeholder="请输入标题">
							<button class="btn btn-default">抓取标题</button>
						</div>
						<div class="input">
							<label class="bt">频道</label>
							<input placeholder="选择频道">
							<div>
								<ul class="clearfix">
					    			<li><a href="#">前端</a></li>
					    			<li><a href="#">后端</a></li>
					    			<li><a href="#">区块链</a></li>
					    			<li><a href="#">人工智能</a></li>
					    			<li><a href="#">Android</a></li>
					    			<li><a href="#">iOS</a></li>
					    			<li><a href="#">工具</a></li>
					    			<li><a href="#">安全</a></li>
					    			<li><a href="#">程序员</a></li>
					    			<li><a href="#">行业</a></li>
					    			<li><a href="#">SF官方</a></li>
					    		</ul>
							</div>
						</div>
						<!-- 标签内容 search_con -->
						<div class="input">
							<label class="bt">标签（选填）：最多5个</label>
							<div class="search_con">
								<!-- 标签关键字 -->   
								<div class="search_key">
									<div class="test">
										<input type="text" placeholder="标签，如：php 可使用逗号，分号；分隔" class="texts">
									<div class="key_words">
										<ul class="ultop">
											<li class="current li_language"><a>开发语言</a></li>
											<li class="li_frame"><a>平台框架</a></li>
											<li class="li_server"><a>服务器</a></li>
											<li class="li_data"><a>数据库和缓存</a></li>
											<li class="li_tool"><a>开发工具</a></li>
											<li class="li_equipment"><a>系统设备</a></li>
											<li class="li_others"><a>其他</a></li>
										</ul>
										<!-- 1 开发语言 -->
										<ul class="ulcon ul_language current_ul">
											<!-- li 1 -->
											<li><a>javascript</a></li>
											<li><a>php</a></li>
											<li><a>css</a></li>
											<li><a>html</a></li>
											<li>
												<img src="../images/java.png" alt="">
												<a>java</a>
											</li>
											<li>
												<img src="../images/html5.png" alt="">
												<a>html5</a>
											</li>
											<li>
												<img src="../images/python.png" alt="">
												<a>python</a>
											</li>
											<!-- li 2 -->
											<li><a>node.js</a></li>
											<li><a>c++</a></li>
											<li><a>c</a></li>
											<li><a>objective-c</a></li>
											<li><a>golang</a></li>
											<li><a>shell</a></li>
											<li><a>swift</a></li>
											<li><a>c#</a></li>
											<!-- li 3 -->
											<li><a>typescript</a></li>
											<li>
												<img src="../images/ruby.png" alt="">
												<a>ruby</a>
											</li>
											<li><a>bash</a></li>
											<li><a>sass</a></li>
											<li><a>asp.net</a></li>
											<li><a>less</a></li>
											<li><a>lua</a></li>
											<!-- li 4 -->
											<li><a>scala</a></li>
											<li><a>coffeescript</a></li>
											<li><a>actionscript</a></li>
											<li><a>erlang</a></li>
											<li><a>perl</a></li>
											<li><a>rust</a></li>
										</ul>
										<!-- 2 平台框架 -->
										<ul class="ulcon ul_frame">
											<!-- li 1 -->
											<li><a>laravel</a></li>
											<li><a>spring</a></li>
											<li><a>django</a></li>
											<li><a>express</a></li>
											<li><a>flask</a></li>
											<li><a>yii</a></li>
											<li><a>ruby-on-rails</a></li>
											<!-- li 2 -->
											<li><a>tornado</a></li>
											<li><a>struts</a></li>
										</ul>
										<!-- 3 服务器 -->
										<ul class="ulcon ul_server">
											<!-- li 1 -->
											<li><a>linux</a></li>
											<li><a>nginx</a></li>
											<li><a>apache</a></li>
											<li><a>docker</a></li>
											<li>
												<img src="../images/ubuntu.png" alt="">
												<a>flask</a>
											</li>
											<li><a>centos</a></li>
											<li><a>tomcat</a></li>
											<!-- li 2 -->
											<li><a>缓存</a></li>
											<li><a>负载均衡</a></li>
											<li><a>unix</a></li>
											<li><a>hadoop</a></li>
											<li><a>windows-server</a></li>
										</ul>
										<!-- 4 数据库和缓存 -->
										<ul class="ulcon ul_data">
											<!-- li 1 -->
											<li>
												<img src="../images/mysql.png" alt="">
												<a>mysql</a>
											</li>
											<li><a>redis</a></li>
											<li><a>sql</a></li>
											<li>
												<img src="../images/mongodb.png" alt="">
												<a>mongodb</a>
											</li>
											<li><a>oracle</a></li>
											<li><a>nosql</a></li>
											<!-- li 2 -->
											<li><a>memcached</a></li>
											<li><a>sqlserver</a></li>
											<li><a>sqlite</a></li>
											<li><a>postgresql</a></li>
										</ul>
										<!-- 5 开发工具 -->
										<ul class="ulcon ul_tool">
											<!-- li 1 -->
											<li><a>git</a></li>
											<li><a>github</a></li>
											<li><a>vim</a></li>
											<li><a>sublime-text</a></li>
											<li><a>xcode</a></li>
											<li><a>visual-studio-code</a></li>
											<!-- li 2 -->
											<li><a>intellij-idea</a></li>
											<li><a>eclipse</a></li>
											<li><a>maven</a></li>
											<li><a>svn</a></li>
											<li><a>ide</a></li>
											<li><a>atom</a></li>
											<li><a>visual-studio</a></li>
											<!-- li 3 -->
											<li><a>emacs</a></li>
											<li><a>hg</a></li>
											<li><a>textmate</a></li>
										</ul>
										<!-- 6 系统设备 -->
										<ul class="ulcon ul_equipment">
											<!-- li 1 -->
											<li>
												<img src="../images/android.png" alt="">
												<a>android</a>
											</li>
											<li>
												<img src="../images/ios.png" alt="">
												<a>ios</a>
											</li>
											<li>
												<img src="../images/chrome.png" alt="">
												<a>chrome</a>
											</li>
											<li><a>windows</a></li>
											<li><a>iphone</a></li>
											<!-- li 2 -->
											<li>
												<img src="../images/firefox.png" alt="">
												<a>firefox</a>
											</li>
											<li><a>internet-explorer</a></li>
											<li><a>safair</a></li>
											<li><a>ipad</a></li>
											<li><a>opera</a></li>
											<li><a>apple-watch</a></li>
										</ul>
										<!-- 7 其它 -->
										<ul class="ulcon ul_others">
											<!-- li 1 -->
											<li>
												<img src="../images/html5.png" alt="">
												<a>html5</a>
											</li>
											<li><a>react.js</a></li>
											<li><a>搜索引擎</a></li>
											<li><a>virtualenv</a></li>
											<li><a>lucene</a></li>
										</ul>
									</div>
									</div>
								</div>
							</div>
						</div>
						<!-- 推荐语 -->
						<div class="input">
							<label class="bt">推荐语或内容描述</label>
							<textarea placeholder="分享亮点、槽点、你的观点或内容描述"></textarea>
						</div>
						<button class="btn btn-primary">提交</button>
					</form>
				</div>
			</div>
			<div class="col-xs-12 col-md-3 head-right">
				<div class="tips">
					<span>发帖指南</span>
					<ul class="">
				        <li>独立思考、自由探索</li>
				        <li>发布的内容和互联网、编程开发、产品设计有关</li>
				        <li>标题能准确描述的内容，不要发重复的内容</li>
				        <li>客观投票，确保你看过这篇内容</li>
				        <li>如果你遇到了具体的编程难题，请到 
				        	<a href="#">问答平台</a> 	
				        	提问
				        </li>
				        <li>保持友善，禁止任何形式的广告、SEO 推广<br></li>
				        <li>
				        	遵循 
				        	<a href="#">用户服务条款</a>
				        </li>
				    </ul>
				</div>
				<div class="tips">
					<span>发布工具</span>
					<p>将下面的链接拖到你的浏览器收藏夹，访问任意网页时点击该书签即可分享。</p>
					<a href='#' class="share">分享到 SegmentFault</a>
				</div>
				<hr>
				<div>
			       <a href="#" class="headline-see">订阅本页 RSS</a>
			    </div>
			</div>
		</div>
	</div>
	<!-- footer -->
	<footer>
		<div class="container">
			<!-- footer_con -->
			<div class="footer_con">
				<div class="col-md-2 f_con">
					<h4>产品</h4>
					<ul class="f_ul">
						<li>热门回答</li>
						<li>热门专栏</li>
						<li>热门讲堂</li>
						<li>最新活动</li>
						<li>圈子</li>
						<li>找工作</li>
						<li>移动客户端</li>
					</ul>
				</div>
				<div class="col-md-2 f_con">
					<h4>资源</h4>
					<ul class="f_ul">
						<li>每周精选</li>
						<li>用户排行榜</li>
						<li>徽章</li>
						<li>帮助中心</li>
						<li>声望与权限</li>
						<li>社区服务中心</li>
						<li>开发手册</li>
					</ul>
				</div>
				<div class="col-md-2 f_con">
					<h4>商务</h4>
					<ul class="f_ul">
						<li>人才服务</li>
						<li>企业培训</li>
						<li>活动策划</li>
						<li>广告投放</li>
						<li>区块链解决方案</li>
						<li>合作联系</li>
					</ul>
				</div>
				<div class="col-md-2 f_con">
					<h4>关于</h4>
					<ul class="f_ul">
						<li>关于我们</li>
						<li>加入我们</li>
						<li>联系我们</li>
					</ul>
				</div>
				<div class="col-md-2 f_con">
					<h4>关注</h4>
					<ul class="f_ul">
						<li>产品技术日志</li>
						<li>社区运营日志</li>
						<li>市场运营日志</li>
						<li>团队日志</li>
						<li>社区访谈</li>
						<li class="share">
							<i href="#" class="iconfont icon-wechat share_1">
								<div class="share_pic">
									<img src="../images/appQrcode.png" alt="">
									<p>关注微信号</p>
									<span></span>
								</div>
							</i>
							<i href="#" class="iconfont icon-weibo share_2"></i>
							<i href="#" class="iconfont icon-github share_3"></i>
							<i href="#" class="iconfont icon-twitter share_4"></i>
						</li>
					</ul>
				</div>
				<div class="col-md-2 f_con">
					<h4>条款</h4>
					<ul class="f_ul">
						<li>服务条款</li>
						<li>内容许可</li>
						<li class="app"><img src="../images/appQrcode.png" alt="" class="sf"></li>
						<li>扫一扫下载APP</li>
					</ul>
				</div>
			</div>
			<!-- 版权 copyright -->
			<div class="copyright">
				<p>Copyright © 2011-2018 SegmentFault. 当前呈现版本 17.06.16</p>
				<p>
					<a href="#" onclick="return false">浙ICP备 15005796号-2&nbsp;</a>
					<a href="#" onclick="return false"> 浙公网安备 33010602002000号&nbsp;</a>
					杭州堆栈科技有限公司版权所有
				</p>
				<p class="sponsor">
					CDN 存储服务由
					<a href="#" onclick="return false">又拍云</a>
					赞助提供
				</p>
			</div>
		</div>
	</footer>	
</body>
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/nav.js"></script>
<script src="../js/find_work.js"></script>
</html>
